<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="CSS/style.css" />
		<title>李田进——星穹铁道</title>
		<script src="bootstrap/js/jquery-3.5.1.slim.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<style>

		</style>
	</head>

	<body>
		<header>
			<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
				<a class="navbar-brand"><img src="images/biaoqian.jpg" width="150px" height="80px"></a>
				<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navtop">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="navtop">
					<ul class="navbar-nav mr-auto text-white" style="font-size: 30px;">
						<li class="nav-item">
							<a class="nav-link active" href="#">首页</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="xinwen.html">新闻</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="jueshe.html">角色</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="shijie.html">世界</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="shequ.html">攻略</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="chongzhi.html">充值</a>
						</li>
					</ul>
					<span class="text-danger mr-3 ml-3"><img src="images/mihayou.png" width="160" height="50"></span>
					<a class="text-white" style="margin: 10px;font-size: 20px;">登录</a>
					<a class="text-white" style="margin: 10px;font-size: 20px;">/</a>
					<a class="text-white mr-5" style="margin: 10px;font-size: 20px;">注册</a>
				</div>
			</nav>
		</header>

		<div class="carousel slide" id="cs" data-ride="carousel" data-interval="2000">
			<ol class="carousel-indicators ">
				<li data-target="#cs" data-slide-to="0"></li>
				<li data-target="#cs" data-slide-to="1"></li>
				<li data-target="#cs" data-slide-to="2"></li>
			</ol>

			<button type="button" class="carousel-control-prev" data-target="#cs" data-slide="prev">
				<span class="carousel-control-prev-icon"></span>
				<span class="sr-only">Prev</span>
			</button>
			<button type="button" class="carousel-control-next" data-target="#cs" data-slide="next">
				<span class="carousel-control-next-icon"></span>
				<span class="sr-only">Next</span>
			</button>

			<div class="carousel-inner">
				<div class="carousel-item active">
					<img src="images/lunbo1.jpg" class="d-block w-100" alt="" height="350">
				</div>
				<div class="carousel-item">
					<img src="images/lunbo2.jpg" class="d-block w-100" alt="" height="350">
				</div>
				<div class="carousel-item">
					<img src="images/lunbo3.jpg" class="d-block w-100" alt="" height="350">
				</div>
			</div>
		</div>

		<center>
			<span class="font-weight-bold text-success" style="font-size: 50px;">
				2.3版本
			</span>
			<span class="font-weight-bold text-danger" style="font-size: 50px;">
				再见，匹诺康尼
			</span>
		</center>

		<div class="container">
			<div class="row">
				<div class="list-group col-2 col-lg-2">
					<button type="button" class="list-group-item list-group-item-action active" aria-current="true">
						热门角色
					</button>
					<button type="button" class="list-group-item list-group-item-action">热门光锥</button>
					<button type="button" class="list-group-item list-group-item-action">光锥排行榜</button>
					<button type="button" class="list-group-item list-group-item-action">角色排行榜</button>
					<button type="button" class="list-group-item list-group-item-action">趣闻榜</button>
				</div>
				<div class="col-10 col-lg-10">
					<h1 class="font-weight-bold text-white">
						匹诺康尼的开拓之旅迎来了美好的结局，是时候走向下一站了——而在那之前，向身后的不眠之夜做个正式道别吧。
					</h1>
				</div>

			</div>

			<div class="row" style="margin-top: 20px;">
				<div class="column col-md-1">
					<div class="">
						<a href="#"><img src="images/qq.png" style="padding: 5px;" alt="" width="100%" height="50" /></a>
					</div>
					<div class="">
						<a href="#" class="tuSu">
							<img src="images/weixin.png" style="padding: 5px;" alt="" width="100%" height="50" />
							<span class="tuS"><img src="images/weixiner.png"></span>
						</a>
					</div>
					<div class="">
						<a href="https://weibo.com/u/7643376782">
							<img src="images/weibo.png" style="padding: 5px;" alt="" width="100%" height="50" />
						</a>
					</div>
					<div class="">
						<a href="https://space.bilibili.com/1340190821?spm_id_from=333.337.0.0">
							<img src="images/bilibili.png" style="padding: 5px;" alt="" width="100%" height="50" />
						</a>
					</div>
				</div>
				<div class="col-9 col-lg-9">
					<a href="#"><img src="images/zhuye.png" width="100%" height="600"></a>
				</div>
				<div class="column col-2 col-lg-2">
					<div class="">
						<a href="#"><img src="images/erweima.jpg" alt="" width="100%" height="150" /></a>
					</div>
				</div>
			</div>
		</div>
	</body>
	<footer class="text-center text-white mt-3 mb-3 bg-dark">
		<h5 class="mb-0">健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。</h5>
		<h5 class="mb-0">客服电话：400-666-6312</h5>
		<p class="ca mb-0 mr-2">&copy;
			<span class="text-col"> 米哈游版权所有 |</span><span class="text-col2"> 上海米哈游影铁科技有限公司 </span>
		</p>
	</footer>
</html>
